@import "~antd/lib/style/themes/default.less";

.homeLayoutBox {
    :global .ant-layout {
        background: #ffffff !important;
    }

    .content {
        margin: 16px;
        font-size: 16px;
        padding-top: @layout-header-height;
    }
}

.chatQuestion {
    display: flex;
    align-items: center;
    background: #fff;
    padding-right: 16px;
    // text-align: center;
    border-radius: 12px;
    box-shadow: 0px 1px 7px 0px rgba(4, 0, 0, 0.08);

    textarea {
        resize: none;
        border-radius: 12px;
        border: 0px;
        padding: 10px 12px;
        font-size: 16px;
    }
}

.hisplayList {
    margin: 10px -6px;
    padding: 5px 0;
    display: flex;

    >span {
        background: #F5F6F9;
        border-radius: 4px;
        padding: 5px 12px;
        margin: 0 6px;
        display: flex;
        align-items: center;
    }

    .hisplayLi_active {
        cursor: pointer;
        display: inline-block;
        max-width: 168px;
        white-space: nowrap;
        word-break: keep-all;
        text-overflow: ellipsis;
        overflow: hidden;
        vertical-align: bottom;
    }

    .hisplayLi_active:hover {
        color: #2B47E6;
        background: #F0F3FD;
    }
}

.chatCard {
    display: flex;
    align-items: center;

    >span:first-child {
        padding: 5px 8px;
        background: #F5F6F9;
        border-radius: 4px;
        display: flex;
        margin-right: 8px;
    }
}

.cardIcon {
    padding: 24px;
    text-align: center;
    cursor: pointer;

    &:hover {
        box-shadow: 0px 0px 16px 0px rgba(85, 108, 235, 0.16);
        border-radius: 12px;
    }

    div:first-child {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 80px;
    }

    div:last-child {
        margin-top: 16px;
    }
}

@media only screen and (max-width: 1024px) {
  .cardIcon{
    padding: 12px;
    div:first-child {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 50px;
    }
  }
  .chatCardBox{
    margin: 15px 0 10px !important;
  }
  .centerBox{
    width: unset !important;
  }
}